<section class="dx-list-default">
  <div class="dx-operation-bar">
    <form class="layui-form">

      <div class="layui-form-item">
        <div class="layui-input-inline">
          <input type="tel" name="username" lay-verify="username" placeholder="请输入角色名称" autocomplete="off"
                 class="layui-input">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-inline">
          <div class="layui-input-block">
            <input type="text" name="startTime" id="startTime" placeholder="请选择时间" autocomplete="off"
                   class="layui-input">
          </div>
        </div>
        至&nbsp;&nbsp;
        <div class="layui-inline">
          <div class="layui-input-block">
            <input type="text" name="endTime" id="endTime" placeholder="请选择时间" autocomplete="off"
                   class="layui-input">
          </div>
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn btn-yellow" lay-submit="" lay-filter="search">查询</button>
        </div>
      </div>

    </form>
    <div class="layui-form-item item-right">
      <div class="layui-input-block">
        <button class="layui-btn btn-simple-blue layui-btn-primary" id="add" dx-type="add" style="font-weight: bold">
          <i class="iconfont icon-jia"></i>新增
        </button>
      </div>
    </div>
  </div>

  <table class="layui-table">
    <thead>
    <tr>
      <th>角色名称</th>
      <th>填写人</th>
      <th>填写时间</th>
      <th class="table-operation-box">操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    <tr>
      <td>客服</td>
      <td>超级管理员</td>
      <td>2016-11-11</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-delete"><i class="layui-icon">&#xe640;</i></span>
      </td>
    </tr>
    </tbody>
  </table>

  <div id="dx-page-default" class="dx-page-default"></div>
</section>
